<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>portal</title>
    <link rel="stylesheet" href="../../resources/commons/css/base.css">
    <link rel="stylesheet" href="../../resources/commons/css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="main-repeat layout-left-center">
        <div class="col-main w60">
            <div class="col-left">
                <div class="nav-left">
                    <a class="logo"></a>
                    <ul>
                        <li class="nav-left-item ">
                            <i class="icon icon-nav-info"></i>
                        </li>
                        <li class="nav-left-item active">
                            <i class="icon icon-nav-search"></i>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-right count-col-right">
                <div class="nav-top">
                	<h1 class="platform-center">平台中心</h1>
                    <a class="avatar">
                        <i class="line"></i>
                        <img src=""
                            alt="">
                    </a>
                    <div class="nav-top-list">
                        <a class="nav-top-item active" href="">首页</a>
                        <a class="nav-top-item" href="">碳服务</a>
                        <a class="nav-top-item" href="">碳配额</a>
                        <a class="nav-top-item" href="">碳政策</a>
                        <a class="nav-top-item" href="">关于我们</a>
                    </div>
                </div>
                <div class="body-wrap">
                    <div class="nav-left-wrap">
                        <div class="nav-left-menu-text">
                            <span>碳核算</span>
                        </div>
                        <ul class="nav-left-menu-list">
                            <li class="nav-left-menu-item">
                                <div class="nav-left-sub-menu-list">
                                    <a class="nav-left-sub-menu-item">
                                        <span>配置数据类型</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>填写行业数据</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item active">
                                        <span>我的排放</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="right-wrap">
                        <div class="content-wrap">
                            <div class="toolbar-wrap">
                                <i class="line"></i>
                                <div class="crumb">
                                    <span class="crumb-item">
										<span class="crumb-item-only">我的排放</span>
                                    </span>
                                </div>
                                
								<div class="fr select">
									<span class="label">月份：</span>
                                	<div class="ui-select-trigger" id="month">
										<span data-role="trigger-content"></span>
										<span class="icon-container fr"><i class="icon icon-select"></i></span>
									</div>
								</div>
								<div class="fr select">
									<span class="label">年份：</span>
                                	<div class="ui-select-trigger" id="year">
										<span data-role="trigger-content"></span>
										<span class="icon-container fr"><i class="icon icon-select"></i></span>
									</div>
								</div>
                            </div>
                            <div class="count-info">
                                <div class="discharge">
                                	<div class="count-info-item discharge-chart">
                                		<h2 class="count-title">温室气体排放趋势
                                			<span class="fr">月份<span class="sub">（单位/万吨）</span></span>
                                		</h2>
                                		<div class="discharge-trend"></div>
                                	</div>
                                	<div class="count-info-item discharge-compare">
                                		<h2 class="count-title">排放对比</h2>
                                		<div class="compare-content">
                                			你排放了355吨CO<span style="vertical-align:sub;">2</span>
                                			<span class="big">少于75.3%</span>的企业
                            			</div>
                                	</div>
                                	<div class="count-info-item discharge-num">
                                		<h2 class="count-title">具体排放数值</h2>
                                		<ul class="discharge-num-content">
                                			<li class="num-item">
                                				<div class="month-container">
                                					<span class="month">1月</span>
                                					<i class="arrow"></i>
                                				</div>
                                				<div class="progress-container">
                                					<div class="progress-bar">
                                						<div class="now-progress"></div>
                                					</div>
                                					<span>595万吨</span>
                                				</div>
                                			</li>
                                			<li class="num-item">
                                				<div class="month-container">
                                					<span class="month">1月</span>
                                					<i class="arrow"></i>
                                				</div>
                                				<div class="progress-container">
                                					<div class="progress-bar">
                                						<div class="now-progress"></div>
                                					</div>
                                					<span>595万吨</span>
                                				</div>
                                			</li>
                                			<li class="num-item">
                                				<div class="month-container">
                                					<span class="month">1月</span>
                                					<i class="arrow"></i>
                                				</div>
                                				<div class="progress-container">
                                					<div class="progress-bar">
                                						<div class="now-progress"></div>
                                					</div>
                                					<span>595万吨</span>
                                				</div>
                                			</li>
                                			<li class="num-item">
                                				<div class="month-container">
                                					<span class="month">1月</span>
                                					<i class="arrow"></i>
                                				</div>
                                				<div class="progress-container progress-red">
                                					<div class="progress-bar">
                                						<div class="now-progress"></div>
                                					</div>
                                					<span>595万吨</span>
                                				</div>
                                			</li>
                                			<li class="num-item">
                                				<div class="month-container">
                                					<span class="month">1月</span>
                                					<i class="arrow"></i>
                                				</div>
                                				<div class="progress-container progress-green">
                                					<div class="progress-bar">
                                						<div class="now-progress"></div>
                                					</div>
                                					<span>595万吨</span>
                                				</div>
                                			</li>
                                			<li class="num-item">
                                				<div class="month-container">
                                					<span class="month">1月</span>
                                					<i class="arrow"></i>
                                				</div>
                                				<div class="progress-container progress-orange">
                                					<div class="progress-bar">
                                						<div class="now-progress"></div>
                                					</div>
                                					<span>595万吨</span>
                                				</div>
                                			</li>
                            			</ul>
                                	</div>
                                </div>
                                <div class="split-line"></div>
                                <div class="count-bottom">
                                	<div class="block">
                                		<div class="count-info-item my-yield">
                                			<h2 class="count-title">我的产量</h2>
	                                		<div class="yield-chart"></div>
                                		</div>
                                		<div class="count-info-item yield-analysis">
                                			<h2 class="count-title">产量分析</h2>
	                                		<div class="yield-content">
	                                			<i class="icon icon-car"></i>
	                                			<div>最近半年你的合成氨产量
	                                				<span class="blue">增加21%</span>
	                                				、乙烯
	                                				<span class="blue">增加16%</span>
	                                				、甲醇
	                                				<span class="orange">减少2%</span>
	                                			</div>
	                                		</div>
                                		</div>
                                	</div>
                                	<div class="block">
                                		<div class="count-info-item my-output">
                                			<h2 class="count-title">我的产值</h2>
	                                		<div class="output-chart"></div>
                                		</div>
                                		<div class="count-info-item output-analysis">
                                			<h2 class="count-title">产值分析</h2>
	                                		<div class="output-content">
	                                			<i class="icon icon-money"></i>
	                                			<div>最近半年你的产值<span class="output-increase">增加21%</span></div>
	                                		</div>
                                		</div>
                                		<div class="count-info-item report">
                                			<h2 class="count-title">检测报告</h2>
	                                		<div class="report-content">
	                                			<div>CO<span style="vertical-align:sub;">2</span>排放<span class="blue">减少21%</span></div>
	                                			<div>合成氨<span class="blue">增加21%</span></div>
	                                			<div>乙烯<span class="blue">增加16%</span></div>
	                                			<div>甲醇<span class="blue">减少2%</span></div>
	                                			<div>最近半年你的产值<span class="output-increase">增加21%</span></div>
	                                			<div class="show-detail">查看详细监测月报</div>
	                                		</div>
                                		</div>
                                	</div>
                                </div>
                            </div>
                        </div>
                        <div class="hidden content-wrap" style="height:100%">
                            <iframe src="../user/real-name/company-info.html" frameborder="0" id="company-info" scrolling="no" style="height:100%;width:100%"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script type="text/javascript" src="../../resources/commons/js/seajs/sea-debug.js"></script>
    <script type="text/javascript" src="../../resources/commons/js/seajs/sea-config-debug.js"></script>
    <script>
        seajs.use('./js/index');
    </script>
</body>

</html>